<template>
	<view>
		分类
		<!-- 与包裹页面所有内容的元素u-page同级，且在它的下方 -->
		<u-tabbar :list="tabbar" v-model="current" active-color="#007aff"></u-tabbar>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				tabbar:'',
				current: 0
			}
		},
		onLoad() {
			/**
			 * 示例中为每个tabbar页面都写了一遍tabbar变量，您可以将tabbar数组写入到vuex中，这样可以全局引用
			 */
			this.tabbar = [{
					iconPath: "home",
					selectedIconPath: "home-fill",
					text: '首页',
					pagePath: "/pages/index/index"
				},
				{
					iconPath: "grid",
					selectedIconPath: "grid-fill",
					text: '分类',
					pagePath: "/pages/type/type"
				},
				{
					iconPath: "account",
					selectedIconPath: "account-fill",
					text: '我的',
					pagePath: "/pages/mine/mine"
				},
			]
		},
		methods: {

		}
	}
</script>

<style lang="scss">
</style>
